/*--------合作伙伴---------*/
.cooperation-box {
    background: url(../image/case_bg.png) no-repeat 100% 100%;
    background-size: cover;
    display: flex;
    justify-content: center;
}

.cooperation-box .area {
    max-width: 14.5rem;
    display: block;
}

.cooperation-box .m-title {
    position: relative;
    z-index: 10;
}

.m-title .u-tit {
    color: #393939;
    font-size: 0.42rem;
    line-height: 0.5rem;
    text-align: center;
    font-weight: bold;
}

.cooperation-box .cooperation-con {
    position: relative;
    z-index: 10;
    overflow: hidden;
    margin-top: 0.45rem;
    justify-content: center;
}

.cooperation-box .cooperation-con ul {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: .12rem;
}

.cooperation-box .cooperation-con ul li {
    height: .7rem;
    border-radius: 10px;
    border: 1px solid #fff;
    overflow: hidden;
    background: #fff;
}

.cooperation-box .cooperation-con ul li img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: contain;
    transition: .4s;
}

/* -------地图------*/
.contactUs-box {
    padding-top: 0.9rem;
    display: block;
    justify-items: center;
}

.contactUs-box .area {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.contactUs-box .area .m-title {
    display: block;
}

.contactUs-box .contact-con {
    display: flex;
    justify-content: space-between;
    padding: 1rem 1rem .7rem 1rem;
}

.contactUs-box .contact-con .left .index_map_container {
    width: 100%;
    position: relative;
}

.contactUs-box .contact-con .left .index_map_container img {
    width: 100%;
    display: block;
}

.contactUs-box .contact-con .left {
    width: 100%;
    margin-top: -.7rem;
}

#index_map_circle1 {
    position: absolute;
    left: .4rem;
    top: 1.4rem;
}

#index_map_circle2 {
    position: absolute;
    left: 2.85rem;
    top: .52rem;
}

#index_map_circle3 {
    position: absolute;
    left: 8rem;
    top: 2rem;
}

#index_map_circle4 {
    position: absolute;
    left: 2.5rem;
    top: 2.8rem;
}

#index_map_circle5 {
    position: absolute;
    left: 3.6rem;
    top: 2.1rem;
}

#index_map_circle6 {
    position: absolute;
    right: 5.8rem;
    bottom: 1.7rem;
}

#index_map_circle7 {
    position: absolute;
    right: 2.94rem;
    top: 1.2rem;
}

#index_map_circle8 {
    position: absolute;
    right: 0.8rem;
    top: 1.4rem;
}

#index_map_circle9 {
    position: absolute;
    right: 1.7rem;
    bottom: 1.4rem;
}

#index_map_circle10 {
    position: absolute;
    right: 2.3rem;
    bottom: 2.35rem;
}

/*动画关键帧，主要用于创建元素从正常状态逐渐放大并淡出的视觉效果*/
@keyframes myfirst {
    0% {
        transform: scale(1);
        /* 初始大小：保持原尺寸 */
        -webkit-transform: scale(1);
        /* 兼容 Safari 等浏览器 */
        opacity: 1;
        /* 完全不透明 */
        -webkit-opacity: 1;
        /* 兼容旧版 Safari */
    }

    100% {
        transform: scale(5);
        /* 最终大小：放大到原始尺寸的5倍 */
        -webkit-transform: scale(5);
        /* 兼容 Safari */
        opacity: 0;
        /* 完全透明（淡出） */
        -webkit-opacity: 0;
        /* 兼容旧版 Safari */
    }
}

.index_map_container .content>div {
    position: relative;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background: #cd281f;
}

.index_map_container .content>div p {
    border: .01rem solid #cd281f;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    animation: myfirst 2s infinite;
    /* box-shadow: 0px 0px .01rem #cd281f; */
    position: absolute;
}

.index_map_container .content>div span {
    position: absolute;
    display: block;
    border: .01rem solid #cd281f;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    animation: myfirst 2s infinite;
    box-shadow: 0px 0px 1px #cd281f;
    animation-delay: 0.5s;
}

.contactUs-box .contact-con .right .contact-right-box {
    position: relative;
}

.contactUs-box .contact-con .right {
    display: flex;
    width: 33%;
}

.contactUs-box .contact-con .right .contact-right-box .contact-top {
    position: absolute;
    z-index: 1;
    top: -0.78rem;
    width: 3.1rem;
    height: 0.8rem;
    background: #f0f0f0;
    box-shadow: 0rem 0.08rem 0.2rem 0.01rem rgba(227, 227, 227, 0.91);
    border-radius: 0.2rem 0.2rem 0 0;
    text-align: center;
    line-height: .8rem;
    display: flex;
}


.contactUs-box .contact-con .right .contact-right-box .contact-top h5.active {
    background: #cd281f;
    color: #fff;
    border-radius: 0 0.2rem 0 0.2rem;
}

.contactUs-box .contact-con .right .contact-right-box .contact-top h5 {
    width: 50%;
    font-size: 0.22rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.contactUs-box .contact-con .right .contact-right-box .contact-bottom {
    width: 100%;
    height: 3.28rem;
    overflow-y: hidden;
    background: linear-gradient(0deg, #FFFFFF 0%, #F4F4F4 100%);
    box-shadow: 0rem 0.08rem 0.2rem 0.01rem rgba(227, 227, 227, 0.91);
    border-radius: 0 0.2rem 0.2rem 0.2rem;
    opacity: 1;
    border: 0.02rem solid #FFFFFF;
}

.contactUs-box .contact-con .right .contact-right-box .contact-bottom-list {
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
    height: 100%;
    padding: 0.27rem 0.2rem 0.26rem 0.2rem;
    overflow-y: scroll;
}

.contactUs-box .contact-con .right .contact-right-box .contact-bottom .item {
    transition: 0.2s;
    width: 0.82rem;
    height: 0.48rem;
    margin: 0 0.04rem 0.08rem 0;
    box-shadow: inset 0rem 0.03rem 0.06rem 0.01rem transparent;
    border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
    border: 0.02rem solid transparent;
    text-align: center;
    font-size: 0.16rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #434343;
    line-height: 0.48rem;
}

.contactUs-box .contact-con .right .contact-right-box .contact-bottom .active,
.contactUs-box .contact-con .right .contact-right-box .contact-bottom .item:hover {
    box-shadow: inset 0rem 0.03rem 0.06rem 0.01rem rgba(205, 40, 31, 0.23);
    border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
    border: 0.02rem solid rgba(205, 40, 31, 0.23);
    margin: 0 0.04rem 0.08rem 0;
    font-weight: bold;
    color: #cd281f;
}